/* CSS Document */

body {
margin:0;
padding:0;
background-color:#FFFFFF;
font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
background-image:url(images/bg-gradient.gif);
background-repeat:repeat-x;
padding-bottom:15px;
}

#Container {
width:800px;
padding:0;
margin:0 auto;
background-image:url(images/content-bg.gif);
background-repeat:repeat-y;
background-position:right top;
}

#left-column {
float:left;
width:229px;
position:fixed;
}

#logo {
background-repeat:no-repeat;
height:138px;
text-indent:-3000px;
}

a {
color:#000000;
font-weight:bold;
}

#Container a:hover {
background-color:#000000;
color:#FFFF00;
text-decoration:none;
}

#Navigation {

}

#Navigation ul {
list-style:none;
margin:0 auto;
padding:0;
}

#Navigation ul li {
margin:0;
padding:0;
}

#Navigation ul li a {
display:block;
color:#000000;
font-size:12px;
padding:0;
text-decoration:none;
height:41px;
text-indent:-3000px;
margin-left:auto;
}

#Navigation ul li a:hover {

}

#Navigation ul li a.current{
color:#FFD800;
background-color:#000000;
}

#Navigation ul li a#Nav-Home {
width:100px;
background-image:url(images/nav-home.gif);
background-position:top right;
}

#Navigation ul li a#Nav-About {
width:110px;
background-image:url(images/nav-about.gif);
background-position:top right;
}

#Navigation ul li a#Nav-Portfolio {
width:175px;
background-image:url(images/nav-portfolio.gif);
background-position:top right;
}

#Navigation ul li a#Nav-contact {
width:157px;
background-image:url(images/nav-contact.gif);
background-position:top right;
}

#Content {
width:531px;
float:right;
padding:0 20px 5px 20px;
}

#Content p{
margin:0 0 14px 0;
line-height:16px;
}

#Welcome-Heading {
float:left;
display:inline;
width:178px;
height:37px;
background-image:url(images/welcome-heading.gif);
text-indent:-3000px;
margin:0;
margin-left:229px;
margin-bottom:15px;
padding:0;
font-size:14px;
}

#About-Heading {
float:left;
display:inline;
width:119px;
height:37px;
background-image:url(images/about-heading.gif);
text-indent:-3000px;
margin:0;
margin-left:229px;
margin-bottom:15px;
padding:0;
font-size:14px;
}

#Portfolio-Heading {
float:left;
display:inline;
width:185px;
height:37px;
background-image:url(images/portfolio-heading.gif);
text-indent:-3000px;
margin:0;
margin-left:229px;
margin-bottom:15px;
padding:0;
font-size:14px;
}

#Contact-Heading {
float:left;
display:inline;
width:168px;
height:37px;
background-image:url(images/contact-heading.gif);
text-indent:-3000px;
margin:0;
margin-left:229px;
margin-bottom:15px;
padding:0;
font-size:14px;
}

.blocklink {
display:block;
background-color:#FFFF00;
color:#000000;
font-size:21px;
padding:5px;
border:#000000 6px solid;
text-decoration:none;
margin-bottom:14px;
font-weight:normal;
text-transform:uppercase;
}

.blocklink-view-portfolio {
display:block;
background-color:#FFFF00;
color:#000000;
font-size:10px;
height:26px;
text-indent:-3000px;
border:#000000 6px solid;
text-decoration:none;
margin-bottom:14px;
font-weight:normal;
text-transform:uppercase;
background-image:url(images/view-portfolio-of-work.gif);
background-repeat:no-repeat;
background-position:center top;
margin-left:-18px;
}

.blocklink-view-portfolio:hover {
background-position:center bottom;
}

.links-list {
margin:0;
padding:0;
list-style:none;
}

.links-list li {
width:540px;
margin-left:-15px;
margin-bottom:3px;
}

.links-list li a {
display:block;
width:531px;
background-color:#FFFF00;
color:#000000;
border:#000000 3px solid;
text-decoration:none;
padding:3px 3px 3px 6px;
font-weight:normal;
}

.portfolio-item {
float:left;
display:inline;
background-color:#FFFF00;
color:#000000;
border:#000000 3px solid;
padding:3px 6px 3px 6px;
margin-left:-15px;
font-size:16px;
font-weight:bold;
margin-bottom:0;
}

.portfolio-thumb-holder {
clear:left;
padding-top:12px;
}

.portfolio-thumb {
border:#000000 5px solid;
margin-right:12px;
}

.portfolio-category {
clear:left;
font-size:22px;
font-weight:bold;
}

.portfolio-items-coming-soon {
background-color:#000000;
color:#FFFF00;
padding:3px;
}

#Footer {
clear:both;
width:553px;
margin:0 0 0 auto;
padding:0 8px 8px 10px;
background-image:url(images/footer-bg.gif);
background-repeat:no-repeat;
background-position:bottom;
font-size:12px;
}